<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">财务管理</h1>
</div>

<div class="wrapper-md">
  <div class="panel panel-default">
    <div class="panel-heading">
      借款人还款金额计划
    </div>
    <toaster-container toaster-options="{'position-class': 'toast-center', 'close-button':true}"></toaster-container>
    <div class="panel-body b-b b-light" ng-controller="DatepickerDemoCtrl">
        <div class="col-sm-3">
          <label><font><font>开始日期:</font></font></label>
          <p class="input-group">
            <input type="text" class="form-control" datepicker-popup="{{format}}" readonly ng-model="repaymentData.DtStart"/>
          </p>
        </div>
        <div class="col-sm-3">
          <label><font><font>结束日期:</font></font></label>
          <p class="input-group">
            <input type="text" class="form-control" datepicker-popup="{{format}}" ng-click="open($event)" ng-model="repaymentData.DtEnd"
              is-open="opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
            <span class="input-group-btn">
              <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
          </p>
        </div>
        <div class="form-group pull-in clearfix">
          <div class="col-sm-1">
            <button class="btn btn-info btn-addon" style="margin-top:25px" ng-if='!graybtn' ng-click="query()">查询</button>
            <button class="btn btn-light btn-addon" style="margin-top:25px" ng-if='graybtn'>查询</button>
          </div>
        </div>        
    </div>
    <div class="table-responsive">
      <table id="tab" class="table table-striped m-b-none">
        <thead>
          <tr>              
            <th style="min-width: 110px">借款人</th>
            <th style="min-width: 101px">还款总额</th>
            <th style="min-width: 100px">实际已还总金额</th>
            <th style="min-width: 100px">实际借款人已还金额</th>
            <th style="min-width: 100px">实际专用借款人已还金额</th>
            <th style="min-width: 100px">未还款总额</th>
            <th style="min-width: 100px">未到期待还金额</th>
            <th style="min-width: 100px">公共借款人未还金额</th>
            <th style="min-width: 100px">真实借款人准备金额</th>
            <th style="min-width: 100px">公共借款人准备金额</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-if="repaymentList=='' || repaymentList==null">
            <td colspan="9">当前无任何数据</td>
          </tr>
          <tr ng-if="repaymentList!=''" ng-repeat="obj in repaymentList">
            <td ng-bind="obj.Borrower"></td>
            <td ng-bind="obj.RepaymentPrice"></td>
            <td ng-bind="obj.ActualRepaymentPrice"></td>
            <td ng-bind="obj.ActualBorrowerRepayPrice"></td>
            <td ng-bind="obj.ActualSepRepayPrice"></td>
            <td ng-bind="obj.NotRepayPrice"></td>
            <td ng-bind="obj.UndueRepayPrice"></td>
            <td ng-bind="obj.NotSepRepayPrice"></td>
            <td ng-bind="obj.PlanBorrowerPrice"></td>
            <td ng-bind="obj.PpanSepPrice"></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
